<template>
    <div class="footer">
        <div class="f-c contain">
            <div class="fl-left f-c-link">
                <ul>
                    <li>
                        <span class="f-c-l-tit">关于</span>
                        <span>关于我们</span>
                        <span>加入我们</span>
                        <span>联系我们</span>
                    </li>
                    <li>
                        <span class="f-c-l-tit">帮助</span>
                        <span>常见问题</span>
                        <span>API文档</span>
                        <span>Python教程</span>
                        <span>共享函数库</span>
                        <span>系统更新日志</span>
                    </li>
                    <li>
                        <span class="f-c-l-tit">友情链接</span>
                        <span>TuShare</span>
                        <span>果仁网</span>
                    </li>
                    <li>
                        <span class="f-c-l-tit">关注我们</span>
                        <span>关于我们</span>
                        <span>加入我们</span>
                        <span>联系我们</span>
                    </li>
                </ul>
            </div>
            <div class="fl-right f-c-ewm">
                <div class="fl-left">
                    <img src="../assets/img/ewm.png" width="130" /><p>QQ群</p>
                </div>
                <div class="fl-right">
                    <img src="../assets/img/ewm.png" width="130" /><p>微信公众号</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped lang="scss">
.footer{
    width: 100%;background: rgb(13,28,48); min-width: 1200px; height: 320px;
    .f-c{
        .f-c-link{
            width: 800px; padding-top: 30px;
            li{
                width: 20%; float: left;
                span{
                    color: #666; display: block; line-height: 30px;
                    &.f-c-l-tit{
                        font-size: 16px; font-weight: 600; color: #fff;
                    }
                }
            }
        }
        .f-c-ewm{
            width: 300px; padding-top: 100px;
            p{ color: #fff; color: #fff; text-align: center;}
        }
    }
}
</style>
